<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>大旺福--{$title}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/assets/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/assets/layui/css/global.css" media="all">
</head>
<body>
<div class="layui-layout layui-layout-admin">

    <!-- header start -->
    {include file="layout/header.html"}
    <!-- header end -->

    <!-- nav start-->
    {include file="layout/nav.html"}
    <!-- nav end-->

    <!-- main start -->
    <div class="layui-body site-demo">
        <div class="layui-main">
            <fieldset class="layui-elem-field layui-field-title">
                <legend>{$title}</legend>
            </fieldset>
            <div class="site-block">
                <form action="" class="layui-form">
                    <div class="layui-form-item">
                        <label class="layui-form-label">属性名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="attribute_name" placeholder="属性名" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">所属分类</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="categroy_id" value="0">
                            <button type="button" class="layui-btn layui-btn-warm layui-btn-small add-category" style="margin-top:5px;"><i class="layui-icon">&#xe608;</i> <span>选择分类</span></button>
                            <div class="category-list layui-clear site-block layui-hide" style="padding:10px;">
                                <ul id="category-tree" class="layui-box layui-tree" style="margin-bottom:10px;"></ul>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item layui-hide exist-attributes">
                        <div class="layui-input-block">
                            <blockquote class="layui-elem-quote">当前分类已有属性名</blockquote>
                            <div class="layui-clear site-block">
                                <!-- 某分类下已有属性值 -->
                                <button type="button" class="layui-btn layui-btn-mini">红色</button>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">属性类型</label>
                        <div class="layui-input-inline">
                            <input type="hidden" name="attribute_type" value="1">
                            <select lay-filter="attribute_type">
                                <option value="1">普通属性</option>
                                <option value="2">检索属性</option>
                                <option value="3">规格属性</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">表单类型</label>
                        <div class="layui-input-inline">
                            <input type="hidden" name="form_type" value="select">
                            <select lay-filter="form_type">
                                <option value="select">下拉</option>
                                <option value="checkbox">多选</option>
                                <option value="radio">单选</option>
                                <option value="text">文本</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">属性值</label>
                        <div class="layui-input-block">
                                <div class="layui-input-inline" style="margin-right:0;">
                                    <input type="text" name="attribute_value" placeholder="属性值" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-input-inline">
                                    <button type="button" class="layui-btn layui-btn-warm layui-inline" id="add_attribute_value">
                                        <i class="layui-icon">&#xe608;</i> <span>添加属性值</span>
                                    </button>
                                </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <div class="layui-clear site-block value_btns">
                                <!-- 属性值标签 -->
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item layui-hide">
                        <label class="layui-form-label">排序</label>
                        <div class="layui-input-inline">
                            <input type="text" name="f_order" placeholder="排序" class="layui-input" value="0">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">&nbsp;</label>
                        <div class="layui-input-inline">
                            <input type="hidden" name="id" value="0">
                            <button type="button" class="layui-btn" id="save">保　　存</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- main end -->

</div>


{include file="layout/footerJs.html"}
<script src="/assets/layui/js/productAttribute/productAttribute.js"></script>
</body>
</html>